<template>
  <div class="xtx-body-container">
    <div class="home-container">
      <div class='home-entry'>
        <HomeCategory></HomeCategory>
        <!-- 轮播图 -->
        <HomeBanner />
<!-- 面板 -->
<HomeNew/>
<!-- 人气 -->
<HomeHot/>
<!-- 品牌 -->
   <HomeBrand />
   <!-- 商品 区块 -->
   <HomeProduct/>
   <!-- 最新专题 -->
   <HomeSpecial/>
      <XtxBread>
          <XtxBreadItem to="/first">首页</XtxBreadItem>
          <XtxBreadItem to="/second">分类页</XtxBreadItem>
          <XtxBreadItem to="/third">third</XtxBreadItem>
        </XtxBread>
      </div>
    </div>
  </div>
</template>
<script>
import HomeCategory from './components/home-category'
import HomeBanner from './components/home-banner.vue'
import HomeNew from './components/home-new.vue'
import HomeHot from './components/home-hot.vue'
import HomeBrand from './components/home-brand'
import HomeProduct from './components/home-product.vue'
import HomeSpecial from './components/home-special.vue'
export default {
  name: 'PageHome',
  components: { HomeCategory, HomeBanner, HomeNew, HomeHot, HomeBrand, HomeProduct, HomeSpecial }
}
</script>
<style lang='less'  scoped>
.xtx-body-container {

  // .xtx-container {
  //   width: 1240px;
  //   margin: auto;
  // }
  .home-container {
    .home-entry {
      width: 1240px;
      margin: 0 auto;
      position: relative;
    }
  }

}
</style>
